<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- position static默认值 没开启定位
                relative  开启相对定位
                absolute开启绝对定位
                fixed 开启固定定位
                sticky开启粘滞定位 -->

<!--开启相对定位如果不设置偏移量 元素不会有【任何变化】
        偏移量 上下左右
    相对定位是相对于自己在文档流中的位置
    相对定位会提高元素层级
    相对定位不会让元素脱离文档流
    不改变元素性质 -->
</head>
<body>
    
</body>
</html>